<template>
  <div>
    <div class="mb-5">
      <Header v-if="this.$store.state.showHeader"></Header>
    </div>

    <div class="container context">
        <router-view :key="this.$route.fullPath"></router-view>
    </div>

    <div>
      <Footer v-if="this.$store.state.showFooter"></Footer>
    </div>
  </div>
</template>

<script>
import Header from "@/components/Layout/Header";
import Footer from "@/components/Layout/Footer";

export default {
  name: "App",
  components: {Header, Footer},
  data() {
    return {
      adminPage: false
    };
  }, mounted() {
    this.$store.commit('setShowHeader', true)
    this.$store.commit('setShowFooter', true)
    var token = localStorage.getItem('Authorization');
    // if (token != null) {
    //   var isExpired = isJwtExpired(token);
    //   console.log("token is Expired:" + isExpired)
    //   alert(isExpired)
    // }
  },

}
</script>

<style scoped>
.container {
  min-height: 500px;
}
</style>
